<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>徐工集团工程机械有限公司</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="./css/animate.min.css" />
  </head>
  <style>
    * {
      margin: 0;
      padding: 0;
      font-family: "numfont";
    }
  </style>
  <body>
    <div class="content-body">
      <div class="header">
        <div class="header-left">
          <img src="./images/h_logo_hover.png" />
          <span>徐工施维英搅拌筒自动化生产线</span>
        </div>
        <div class="header-time">
          <span id="time"></span>
        </div>
      </div>

      <div class="content">
        <div class="content-con">
          <div class="left-body">
            <div class="left-menu">
              <ul>
                <li>
                  <span class="left-menu-span span-active" data-type="introduce"
                    >产线介绍</span
                  >
                </li>
                <li>
                  <span class="left-menu-span" data-type="plan">生产计划</span>
                </li>
                <li>
                  <span class="left-menu-span" data-type="logistics"
                  >线内物流</span
                >
                </li>
                <li>
                  <span class="left-menu-span" data-type="analysis"
                  >数据分析</span
                >
                </li>
              </ul>
            </div>
          </div>
          <div class="right-body public-bg">
            <!---产线介绍-->
            <div id="introduce" class="company-profile" style="font-family:'微软雅黑'">
              <div class="public-title">产线介绍</div>
              <div class="company-profile-content">
                <p>
                  徐工施维英搅拌筒自动化生产线是一条<span class="text-bold">智能筒体生产线</span>，它由<span
                    class="color-yellow text-bold"
                    >数字孪生</span
                  >同步管控，<span class="color-yellow text-bold">360°激光</span
                  >检测，<span class="color-yellow text-bold">100%</span
                  >全自动<span class="color-yellow text-bold">双丝</span>焊接
                </p>
                <br />
                <p>
                  拼板卷圆工位：<span class="color-yellow text-bold">3套</span>搬运机器人，<span class="color-yellow text-bold">3套</span>拼版机器人，<span class="color-yellow text-bold">3套</span>四辊卷板机组成，
                  具有<span class="color-yellow text-bold">多机协同</span>，<span class="color-yellow text-bold">视觉识别</span>，<span class="color-yellow text-bold">高效智能</span>等特点
                </p>
                <br />
                <p>
                  纵缝焊接工位：<span class="color-yellow text-bold">无人</span>AGV上料，<span class="color-yellow text-bold">自动</span>焊接，桁架机器人<span class="color-yellow text-bold">自动</span>转运，
                  <span class="color-yellow text-bold">激光寻位</span>，<span class="color-yellow text-bold">同步跟踪</span>，<span class="color-yellow text-bold">质量可靠</span>
                </p>
                <br />
                <p>
                  筒体压装工位： <span class="color-yellow text-bold">0.1mm</span>重复定位精准，大面积自动压装，<span class="color-yellow text-bold">智能
                    上料</span>,<span class="color-yellow text-bold">液压定位</span>,<span class="color-yellow text-bold">经济柔性</span>
                </p>
                <br />
                <p>
                  立式组对工位：
                  双工位<span class="color-yellow text-bold">8m</span>升降移栽机，自动立式组装，<span class="color-yellow text-bold">智能
                    上料</span>,<span class="color-yellow text-bold">液压定位</span>,<span class="color-yellow text-bold">经济柔性</span>
                </p>
                <br />
                <p>
                  内环缝焊接工位：
                  <span class="color-yellow text-bold">110米</span>重载桁架机器人空中平稳转运筒体，
                  <span class="color-yellow text-bold">激光跟踪</span>，<span class="color-yellow text-bold">自动喷墨</span>，<span class="color-yellow text-bold">国内唯一</span>
                </p>
                <br />
                <p>
                  叶片焊接工位：
                  <span class="color-yellow text-bold">17台</span>七轴变位机控制筒体自动旋转，
                  <span class="color-yellow text-bold">对数螺旋</span>，<span class="color-yellow text-bold">自动焊接</span>，<span class="color-yellow text-bold">高效产出</span>
                </p>
                <br />
                <p>
                  卧式组对工位：
                  <span class="color-yellow text-bold">激光360°</span>智能识别筒体检测同轴度，<span class="color-yellow text-bold">伺服翻转</span>，
                  <span class="color-yellow text-bold">精准对中</span>，<span class="color-yellow text-bold">创新突破</span>
                </p>
                <br />
                <p>
                  外环缝缝焊接工位：
                  关键焊缝<span class="color-yellow text-bold">100%全自动</span>焊接，焊缝饱满美观，
                  <span class="color-yellow text-bold">20分钟节拍</span>，<span class="color-yellow text-bold">双丝自动焊接</span>，
                  <span class="color-yellow text-bold">行业新标杆</span>
                </p>
                <br />
              </div>
            </div>
            <div id="plan" class="production-plan" style="display: none">
              <div class="plan-top">
                <div class="plan-top-left">
                  <div class="public-title">当日计划数量</div>
                  <div class="item total itembg">
                    <div class="itemCon">
                      <div class="totalNum">
                        <strong id="plantotalNum" total="100">0</strong>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="plan-top-right">
                  <div class="public-title">当日完成数量</div>
                  <div class="item total itembg">
                    <div class="itemCon">
                      <div class="totalNum">
                        <strong id="completetotalNum" total="100">0</strong>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="plan-con">
                <div class="public-title">订单计划达成率</div>
                <div class="title-nav" id="achievingRate"></div>
              </div>
              <div class="plan-bottom">
                <div class="public-title">生产订单执行</div>
                <div class="title-nav">
                    <div class="StateBox">
                      <div class="StateTit">
                        <span>订单编号</span>
                        <span>数量</span>
                        <span>生产状态</span>
                      </div>
                      <div id="FontScroll">
                        <ul>
                          <li>
                            <div class="fontInner clearfix">
                              <span>ZC1712120023</span>
                              <span>1</span>
                              <span class="color-yellow"> 生产中 </span>
                            </div>
                          </li>
                          <li>
                            <div class="fontInner clearfix">
                              <span>ZC1712120024</span>
                              <span>1</span>
                              <span class="color-green"> 已生产 </span>
                            </div>
                          </li>
                          <li>
                            <div class="fontInner clearfix">
                              <span>ZC1712120026</span>
                              <span>1</span>
                              <span class="color-blue"> 待生产 </span>
                            </div>
                          </li>
                          <li>
                            <div class="fontInner clearfix">
                              <span>ZC1712120027</span>
                              <span>1</span>
                              <span class="color-blue"> 待生产 </span>
                            </div>
                          </li>
                          <li>
                            <div class="fontInner clearfix">
                              <span>ZC1712120027</span>
                              <span>1</span>
                              <span class="color-blue"> 待生产 </span>
                            </div>
                          </li>
                          <li>
                            <div class="fontInner clearfix">
                              <span>ZC1712120027</span>
                              <span>1</span>
                              <span class="color-blue"> 待生产 </span>
                            </div>
                          </li>
                          <li>
                            <div class="fontInner clearfix">
                              <span>ZC1712120027</span>
                              <span>1</span>
                              <span class="color-blue"> 待生产 </span>
                            </div>
                          </li>
                        </ul>
                      </div>
                    </div>
                </div>
              </div>
            </div>
            <div id="analysis" class="analysis" style="display: none">
              <div class="analysis-top">
                <div class="public-title">生产报工产量分析</div>
                <div class="title-nav" id="">
                  <div class="listhead listhead1">
                      <span>工位</span>
                      <span>昨日计划</span>
                      <span>昨日完成</span>
                      <span>今日计划</span>
                      <span>今日完成</span>
                   </div>
                   <div class="listnav listnav1" id="scrollDiv">
                    <ul>
                      <li><span>叶片分拣工位</span> <span>98</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>1/4拼板上料工位</span> <span>98</span> <span>1</span> <span>1</span><span>1</span> </li>
                      <li><span>1#卷圆工位</span> <span>98</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>2#卷圆工位</span> <span>98</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>3#卷圆工位</span> <span>98</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>1#纵缝焊工位</span> <span>98</span> <span>1</span> <span>1</span><span>1</span> </li>
                      <li><span>2#纵缝焊工位</span> <span>9</span> <span>1</span> <span>1</span><span>1</span> </li>
                      <li><span>3#纵缝焊工位</span> <span>9</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>封头压入工位</span> <span>8</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>工装压入工位</span> <span>8</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>1#后锥后段预装工位</span> <span>7</span> <span>1</span> <span>1</span><span>1</span> </li>
                      <li><span>2#后锥后段预装工位</span> <span>39</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>3#后锥后段预装工位</span> <span>39</span> <span>1</span> <span>1</span><span>1</span> </li>
                      <li><span>1#立式组对工位</span> <span>39</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>2#立式组对工位</span> <span>39</span> <span>1</span> <span>1</span><span>1</span> </li>
                      <li><span>1#内环缝焊接工位</span> <span>39</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>2#内环缝焊接工位</span> <span>39</span> <span>1</span> <span>1</span> <span>1</span></li>
                      <li><span>1#叶片摆搭工位</span> <span>39</span> <span>1</span> <span>1</span><span>1</span> </li>
                      </ul>
                    </div>
                </div>
              </div>
              <div class="analysis-con">
                <div class="public-title">物料消耗分析</div>
                <div class="title-nav" id="material_consumption"></div>
              </div>
              <div class="analysis-bottom">
                <div class="public-title">故障原因分析</div>
                <div class="title-nav" id="fault_cause"></div>
              </div>
            </div>
            <div id="logistics" class="logistics" style="display: none">
              <div class="logistics-top">
                <div class="public-title">产线各设备统计</div>
                <div class="title-nav">
                  <div class="device-plan">
                    <div class="item">
                      <div class="icon"><img src="images/equipment.png" /></div>
                      <div class="device-text">
                        <span>设备数</span>
                        <p><em>6</em></p>
                      </div>
                    </div>
                    <div class="item">
                      <div class="icon"><img src="images/workbench.png" /></div>
                      <div class="device-text">
                        <span>工作台</span>
                        <p><em>23</em></p>
                      </div>
                    </div>
                    <div class="item">
                      <div class="icon">
                        <img src="images/sharpicons_ladder.png" />
                      </div>
                      <div class="device-text">
                        <span>货架数</span>
                        <p><em>21</em></p>
                      </div>
                    </div>
                    <div class="item">
                      <div class="icon"><img src="images/charging.png" /></div>
                      <div class="device-text">
                        <span>充电桩数</span>
                        <p><em>2</em></p>
                      </div>
                    </div>
                    <div class="item">
                      <div class="icon"><img src="images/box-18.png" /></div>
                      <div class="device-text">
                        <span>已用储位数</span>
                        <p><em>16</em></p>
                      </div>
                    </div>
                    <div class="item">
                      <div class="icon"><img src="images/box-21.png" /></div>
                      <div class="device-text">
                        <span>未用储位数</span>
                        <p><em>40</em></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="logistics-con">
                <div class="public-title">各任务占比</div>
                <div class="title-nav" id="task"></div>
              </div>
              <div class="logistics-bottom">
                <div class="public-title">任务执行情况</div>
                <div class="title-nav">
                  <div class="logistics-pei" id="execute"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </body>
</html>

<script src="./js/echarts.min.js"></script>
<script src="./js/jquery.min.js"></script>
<script type="text/javascript" src="js/china.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="./js/jquery.liMarquee.js"></script> 

<script>
  //顶部时间
  function getTime() {
    var myDate = new Date();
    var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
    var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
    var myToday = myDate.getDate(); //获取当前日(1-31)
    var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
    var myHour = myDate.getHours(); //获取当前小时数(0-23)
    var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
    var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
    var week = [
      "星期日",
      "星期一",
      "星期二",
      "星期三",
      "星期四",
      "星期五",
      "星期六",
    ];
    var nowTime;

    nowTime =
      myYear +
      "年" +
      fillZero(myMonth) +
      "月" +
      fillZero(myToday) +
      "日" +
      "&nbsp;&nbsp;" +
      fillZero(myHour) +
      ":" +
      fillZero(myMinute) +
      ":" +
      fillZero(mySecond) +
      "&nbsp;&nbsp;" +
      week[myDay] +
      "&nbsp;&nbsp;";
    //console.log(nowTime);
    $("#time").html(nowTime);
  }
  function fillZero(str) {
    var realNum;
    if (str < 10) {
      realNum = "0" + str;
    } else {
      realNum = str;
    }
    return realNum;
  }
  //大屏
  setInterval(getTime, 1000);
</script>
